<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="content">
    <section class="content-header">
        <h1>
            <i class="fa fa-dashboard"></i>
            <strong>备品备件管理</strong>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
            <li>备品备件管理</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <i class="fa fa-th-list"></i>
                        <h4 class="box-title">备品备件管理</h4>
                    </div>
                    <div class="box-body">
                        <div class="form-inline">
                            <div class="input-group">
                                <input type="text" class="form-control" id="keyword"  placeholder="Search..."/>
                                <span class="input-group-btn">
									<button th:if="${module.canRead==true}" type="button" name="search" class="btn btn-info searchBtn">搜索</button>
									<button th:if="${module.canRead==true}" type="button" name="reset" id="reset" class="btn btn-info resetBtn">撤消</button>
									<button th:if="${module.canRead==true}" type="button" class="btn btn-info btnExport">导出</button>
								</span>
                            </div>
                            	<button th:if="${module.canAdd==true}" type="button" class="btn btn-warning pull-right btnImport">导入备件</button>
                                <button th:if="${module.canAdd==true}" type="button" class="btn  btn-info pull-right upLoadBtn">上传附件</button>
	                            <button th:if="${module.canRead==true}" type="button" class="btn pull-right btn-info downLoadBtn">下载附件</button>
                            <button th:if="${module.canDelete==true}" type="button" class="btn btn-info pull-right delBtn">删除</button>
                            <button th:if="${module.canModify==true}" type="button" class="btn btn-info pull-right editBtn">编辑</button>
                                <button th:if="${module.canAdd==true}" type="button" class="btn btn-info pull-right addBtn">添加</button>
                        </div>
                    </div>
                    <div class="box box-body">
                        <table id="replaceDeviceTable" class="mytable display text-center" cellspacing="0" width="100%">
                            <thead>
                            <tr>
                                <th width="4%">序号</th>
                                <th width="2%"><input type="checkbox" id="checkAllReplace"/></th>
                                <th width="12%">备件名称</th>
                                <th width="12%">规格型号</th>
                                 <th width="12%">材料</th>
                                <th width="4%">单位</th>
                                <th width="4%">数量</th>
                                <th width="6%">主机类别</th> 
                                <th width="5%">附件数</th>  
                            </tr>
                            </thead>
                            <tbody>
                            
                            </tbody>
                        </table>
                    </div>
                </div>
        </div>
    </section>
    <!--用户信息添加弹窗-->
    <div class="modal" id="replacementDeviceModal">
        <div class="modal-dialog" role="dialog">
            <form id="replacementDeviceEditForm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>备品备件</strong></h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" id="id" />
                         <input type="hidden" name="attachNumber" id="attachNumber" />
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">备件名称</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control"  type="text" name="deviceName"  id="deviceName"  datatype="*,*1-100"  nullmsg="请输入名称" />
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                                <label class="col-sm-2 control-label">规格型号</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="type" id="type" datatype="*,*1-100" nullmsg="请输入型号"/>
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">材料</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="material" id="material" />
                                    </div>
                                </div>
                                 <label class="col-sm-2 control-label">主机类别</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="hostType" id="hostType"  />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group"> 
                                <label class="col-sm-2 control-label">单位</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="unit" id="unit"  />
                                    </div>
                                </div>                                 
                                <label class="col-sm-2 control-label">数量</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="amount" id="amount" datatype="d"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary saveBtn" >保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

                    </div>
                </div>
            </form>
        </div>
    </div>
    <script th:src="@{/replacementDevice/replacementDeviceIndex.js}"></script>


</div>

</body>
</html>